<template>
	<view class="item">
		<view class="sh">
			<view>
				<image class="tp" src="../../static/1.png"><text class="wb">曼联客场不败场次在英超排名第二，阿森纳27次客场不败</text></image>
			</view>
			<view class="dhw">
				<image class="tps" src="../../static/h.jpg" style="width: 110rpx;height: 110rpx;"></image>
			</view>
			<view>
				<view class="zt">大河网</view>
				<view class="rq">12/14 10:53</view>
			</view>
			<view class="reg-right">+关注</view>
		</view>
		<view class="items">
			<view>
				<text>
					曼联客场对战阿斯顿维拉，这场比赛的结果对于现阶段的曼联来说并不是很大,但如果一旦曼联输球，
					他们的同城死敌曼城就将提前加冕本赛季的英超冠军。在这样的大背景下，曼联众将士自然不愿意间接助攻死敌夺冠，
					因此在上半场落后的情况下，曼联在下半场发起了猛烈反扑，最终红魔以3-1的比分战胜了对手。

					由于最近一段时间曼联赛程十分密集，打完罗马后，曼联又紧锣密鼓的来到维拉公园球场
				</text>
			</view>
			<view class="jd">校对 刘军</view>
		</view>
		<view class="pt">
			<view>
				<image style="width: 20rpx;height: 20rpx;" src="../../static/gth.png"></image>
			</view>
			<view class="ptjj">平台声明</view>
		</view>
		<view class="jc">
			<view class="jcs">
				精彩推荐
			</view>
		</view>
		<view class="xw">
			<view>
				<view>
					单节24分，5个三分球！库里打疯了，半场狂胜25分
				</view>
				<view class="xwnr">
					<view class="xwnrs">科技狐头条</view>
					<view class="xwnrs">3737评</view>
				</view>
			</view>
			<view>
				<image style="width: 200rpx;height: 150rpx;border-radius: 20rpx;" src="../../static/11.png"></image>
			</view>
		</view>
		<view class="xws">

		</view>
		<view class="xw">
			<view>
				<view>
					意甲第35轮国米进攻的弱点是什么，国米进攻优势是什么
				</view>
				<view class="xwnr">
					<view class="xwnrs">科技狐头条</view>
					<view class="xwnrs">9677评</view>
				</view>
			</view>
			<view>
				<image style="width: 200rpx;height: 150rpx;border-radius: 20rpx;" src="../../static/22.png"></image>
			</view>
		</view>
		<view class="xws">

		</view>
		<view class="xws">

		</view>
		<view class="jc">
			<view class="jcs">
				我来说两句
			</view>
		</view>
		<view style="color: #c5c5c5;margin-bottom: 30rpx;margin-left: 20rpx;">
			热门评论
		</view>
		<view class="pl">
			<view>
				<image style="width: 80rpx;height: 80rpx;" src="../../static/mmao.png"></image>
			</view>
			<view class="lp">
				<view class="pll">
					<view>
						<view class="zt1">网友872503</view>
						<view class="sj">
							<view class="sjs">2小时前</view>
							<view class="sjs">广西贵港市</view>
						</view>
					</view>
					<view class="pl">
						<view class="plll">7</view>
						<view class="plll">
							<image style="width: 30rpx;height: 30rpx;" src="../../static/dianzan.png"></image>
						</view>
						<view class="plll">
							<image style="width: 30rpx;height: 30rpx;" src="../../static/xingxi.png"></image>
						</view>
					</view>
				</view>
				<view class="pll">微笑生活，勇敢面对。</view>
			</view>
		</view>
		<view class="pl">
			<view>
				<image style="width: 80rpx;height: 80rpx;" src="../../static/mmao.png"></image>
			</view>
			<view class="lp">
				<view class="pll">
					<view>
						<view class="zt1">平安379373</view>
						<view class="sj">
							<view class="sjs">3小时前</view>
							<view class="sjs">广西河池市</view>
						</view>
					</view>
					<view class="pl">
						<view class="plll">7</view>
						<view class="plll">
							<image style="width: 30rpx;height: 30rpx;" src="../../static/dianzan.png"></image>
						</view>
						<view class="plll">
							<image style="width: 30rpx;height: 30rpx;" src="../../static/xingxi.png"></image>
						</view>
					</view>
				</view>
				<view class="pll">真看不懂，理解不了。</view>
			</view>
		</view>
		<view class="pl">
			<view>
				<image style="width: 80rpx;height: 80rpx;" src="../../static/mmao.png"></image>
			</view>
			<view class="lp">
				<view class="pll">
					<view>
						<view class="zt1">交友896903</view>
						<view class="sj">
							<view class="sjs">5小时前</view>
							<view class="sjs">广西柳州市</view>
						</view>
					</view>
					<view class="pl">
						<view class="plll">9</view>
						<view class="plll">
							<image style="width: 30rpx;height: 30rpx;" src="../../static/dianzan.png"></image>
						</view>
						<view class="plll">
							<image style="width: 30rpx;height: 30rpx;" src="../../static/xingxi.png"></image>
						</view>
					</view>
				</view>
				<view class="pll">不应该/应该如何面对。</view>
			</view>
		</view>
		<view class="xhx"></view>
		<view class="zdb">
			<view>
				<image style="width: 40rpx;height:40rpx;" src="../../static/zjt.png"></image>
			</view>
			<view class="left">
				<input type="text" style="width: 220rpx; margin-right: 20rpx; font-size: 25rpx;" placeholder="有何观点"
					class="search_input"></input>
			</view>
			<view class="jl">
				<image style="width: 30rpx; height: 30rpx;" src="../../static/xingxi.png"></image>
			</view>
			<view class="jl">
				<image style="width: 40rpx; height: 40rpx;" src="../../static/wjw.png"></image>
			</view>
			<view class="jl">
				<image style="width: 40rpx; height: 40rpx;" src="../../static/lj.png"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.item{
		margin-left: 15rpx;
	}
	.items{
		margin: 50rpx 20rpx 20rpx 20rpx;
	}
	.zt{
		font-size: 35rpx;
		margin-top: -130rpx;
		margin-left: 160rpx;
	}
	.rq{
		font-size: 30rpx;
		color: #b9b9b9;
		margin-top: 5rpx;
		margin-left: 150rpx;
	}
	.sh{
		margin-right: 30rpx;
	}
	.tp{
		width: 50rpx;
		height: 50rpx;
		margin: 0rpx 20rpx -10rpx 0rpx;
	}
	.sj{
		color: #c8c7cc;
		font-size: 30rpx;
		display: flex;
		flex-direction: row;
	}
	.sjs{
		margin-right: 30rpx;
		font-size: 20rpx;
		margin-top: 5rpx;
	}
	.wb{
		font-size: 40rpx;
	}
	.dhw{
		display: flex;
		flex-direction: row;
		margin-top: 30rpx;
		margin-bottom: 30rpx;
	}
	.tps{
		width: 80rpx;
		height: 80rpx;
	}
	.a{
		margin-top: 30rpx;
		margin-right: 30rpx;
	}
	.dhb{
		margin-top: 30rpx;
		margin-bottom: 30rpx;
	}
	.b{
		margin-top: 40rpx;
		margin-bottom: 40rpx;
		font-weight: bold;
	}
	.reg-right{
		background: #dd524d;
		height: 45rpx;
		border-radius: 60rpx;
		color: #ffffff;
		width: 120rpx;
		text-align: center;
		margin-top: -50rpx;
		margin-left: 550rpx;
		font-size: 30rpx;
	}
	.jd{
		margin-top: 40rpx;
	}
	.pt{
		margin: 30rpx 20rpx 40rpx 530rpx;
		color: #d9d9d9;
		font-size: 25rpx;
		display: flex;
		flex-direction: row;
	}
	.ptjj{
		margin-left: 10rpx;
	}
	.jc{
		background-color: #f05954;
		width: 160rpx;
		color: #ffffff;
		font-size: 30rpx;
		height: 37rpx;
		margin-left: -15rpx;
		margin-bottom: 40rpx;
	}
	.jcs{
		text-align: center;
		font-size: 25rpx;
	}
	.xw{
		display: flex;
		flex-direction: row;
		margin: 20rpx 20rpx 20rpx 20rpx;
	}
	.xws{
		border-bottom: 1rpx solid #d0d0d0;
		margin-top: 20rpx;
		margin-bottom: 30rpx;
	}
	.xwnr{
		display: flex;
		flex-direction: row;
		color: #b9b9b9;
		font-size: 30rpx;
		margin-top: 10rpx;
	}
	.xwnrs{
		margin-right: 30rpx;
		font-size: 25rpx;
	}
	.pl{
		display: flex;
		flex-direction: ;
		margin-right: -300rpx;
		margin-bottom: 40rpx;
	}
	.lp{
		margin-left: -30rpx;
	}
	.pll{
		display: flex;
		flex-direction: ;
		justify-content: space-between;
		-wekbet-justify-content:space-between;
		margin-left: 60rpx;
	}
	.plll{
		margin-right: 65rpx;
		color:#999999;
	}
	.xhx{
		border-bottom: 1rpx solid #c0c0c0;
		margin-bottom: 20rpx;
		margin-top: 50rpx;
		margin-right: 20rpx;
		margin-left: 110rpx;
	}
	.jz{
		color: #c0c0c0;
		margin-left: 110rpx;
		margin-bottom: 80rpx;
	}
	.zdb{
		display: flex;
		flex-direction: row;
		position: fixed;
		bottom: 0rpx;
		background-color: #ffffff;
		width: 100%;
		height: 60rpx;
	}
	.left{
		height: 10rpx;
		margin-left: 20rpx;
	}
	.search_input{
		background-color: #f8f8f8;
		border-radius: 40rpx;
		padding: 5rpx 30rpx 6rpx 30rpx;
		margin-right: 1rpx;
	}
	.jl{
		margin-left: 70rpx;
	}
	.ztl{
		font-size: 30rpx;
		color: #007aff;
		margin-top: 10rpx;
	}

</style>
